<script lang="ts" setup>
import { type ArticleVO, getArticleRecommendApi } from '@/request/api/article'
import { RouteNameEnum } from '@/enum'

const articleList = ref<ArticleVO[]>([])
const getPage = () => {
  getArticleRecommendApi().then((res) => {
    articleList.value = res.data
  })
}

onMounted(() => {
  getPage()
})
</script>

<template>
  <el-main class="gap-5 auto-column">
    <ArticleBox :data="articleList" />
  </el-main>
  <RouteA :name="RouteNameEnum.ARCHIVES" />
</template>

<style lang="scss" scoped></style>
